﻿<!DOCTYPE html>
<html>
  <head>
    <title>3.2.1 习惯提醒形式</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_2_1_习惯提醒形式/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/3_2_1_习惯提醒形式/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u2556" class="ax_default _形状" data-label="Rectangle">
        <div id="u2556_div" class=""></div>
        <div id="u2556_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2557" class="ax_default box_3">
        <div id="u2557_div" class=""></div>
        <div id="u2557_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2558" class="ax_default" data-left="268" data-top="169" data-width="539" data-height="57">

        <!-- Unnamed (矩形) -->
        <div id="u2559" class="ax_default _形状">
          <div id="u2559_div" class=""></div>
          <div id="u2559_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2560" class="ax_default" data-left="277" data-top="191" data-width="67" data-height="11">

          <!-- Unnamed (矩形) -->
          <div id="u2561" class="ax_default _形状">
            <img id="u2561_img" class="img " src="images/1_2_1_手机息屏时闹钟响起/u1861.svg"/>
            <div id="u2561_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2562" class="ax_default _形状">
            <img id="u2562_img" class="img " src="images/1_2_1_手机息屏时闹钟响起/u1861.svg"/>
            <div id="u2562_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2563" class="ax_default _形状">
            <img id="u2563_img" class="img " src="images/1_2_1_手机息屏时闹钟响起/u1861.svg"/>
            <div id="u2563_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2564" class="ax_default _形状">
            <img id="u2564_img" class="img " src="images/1_2_1_手机息屏时闹钟响起/u1861.svg"/>
            <div id="u2564_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2565" class="ax_default _形状">
            <img id="u2565_img" class="img " src="images/1_2_1_手机息屏时闹钟响起/u1861.svg"/>
            <div id="u2565_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2566" class="ax_default" data-left="753" data-top="186" data-width="44" data-height="25">

          <!-- Unnamed (矩形) -->
          <div id="u2567" class="ax_default _形状">
            <div id="u2567_div" class=""></div>
            <div id="u2567_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2568" class="ax_default _形状">
            <div id="u2568_div" class=""></div>
            <div id="u2568_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2569" class="ax_default _形状">
            <div id="u2569_div" class=""></div>
            <div id="u2569_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2570" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2570_div" class=""></div>
        <div id="u2570_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2571" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2571_div" class=""></div>
        <div id="u2571_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2572" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2572_div" class=""></div>
        <div id="u2572_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2573" class="ax_default box_3">
        <div id="u2573_div" class=""></div>
        <div id="u2573_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2574" class="ax_default _二级标题">
        <div id="u2574_div" class=""></div>
        <div id="u2574_text" class="text ">
          <p><span>时钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2575" class="ax_default _二级标题">
        <div id="u2575_div" class=""></div>
        <div id="u2575_text" class="text ">
          <p><span>吃水果</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2576" class="ax_default _二级标题">
        <div id="u2576_div" class=""></div>
        <div id="u2576_text" class="text ">
          <p><span>准备好“吃水果”了吗？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2577" class="ax_default _一级标题">
        <div id="u2577_div" class=""></div>
        <div id="u2577_text" class="text ">
          <p><span>10：28</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2578" class="ax_default _一级标题">
        <div id="u2578_div" class=""></div>
        <div id="u2578_text" class="text ">
          <p><span>11月08日</span></p><p><span>星期日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2579" class="ax_default _一级标题">
        <div id="u2579_div" class=""></div>
        <div id="u2579_text" class="text ">
          <p><span>习惯浮窗提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2580" class="ax_default box_1">
        <img id="u2580_img" class="img " src="images/2_1睡眠报告/u2053.svg"/>
        <div id="u2580_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2581" class="ax_default _三级标题">
        <div id="u2581_div" class=""></div>
        <div id="u2581_text" class="text ">
          <p><span>当在【</span><span style="color:#000000;">添加习惯】中点击右上角“对勾”添加新习惯后，到了习惯中设置的闹钟时间，</span></p><p><span style="color:#000000;"><br></span></p><p><span style="color:#000000;">① 习惯闹钟响起时，手机若未息屏则会在顶部已浮窗形式显示1.5s，在浮窗显示期间，点击浮窗任意位置切换到【</span><span>习惯弹窗提醒</span><span style="color:#000000;">】页面；1.5s浮窗消失之后，若用户从顶部状态栏向下滑动也会切换到【</span><span>习惯弹窗提醒</span><span style="color:#000000;">】页面 </span></p><p><span style="color:#000000;"><br></span></p><p><span style="color:#000000;">② 手机若已经息屏，再次亮屏时也会切换到【习惯浮窗提醒】页面</span></p><p><span style="color:#000000;"><br></span></p><p><span style="color:#000000;"><br></span></p><p><span style="color:#000000;"><br></span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u2582" class="ax_default _形状" data-label="Rectangle">
        <div id="u2582_div" class=""></div>
        <div id="u2582_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2583" class="ax_default box_3">
        <div id="u2583_div" class=""></div>
        <div id="u2583_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2584" class="ax_default" data-left="1001" data-top="169" data-width="539" data-height="57">

        <!-- Unnamed (矩形) -->
        <div id="u2585" class="ax_default _形状">
          <div id="u2585_div" class=""></div>
          <div id="u2585_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2586" class="ax_default" data-left="1010" data-top="191" data-width="67" data-height="11">

          <!-- Unnamed (矩形) -->
          <div id="u2587" class="ax_default _形状">
            <img id="u2587_img" class="img " src="images/1_2_1_手机息屏时闹钟响起/u1861.svg"/>
            <div id="u2587_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2588" class="ax_default _形状">
            <img id="u2588_img" class="img " src="images/1_2_1_手机息屏时闹钟响起/u1861.svg"/>
            <div id="u2588_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2589" class="ax_default _形状">
            <img id="u2589_img" class="img " src="images/1_2_1_手机息屏时闹钟响起/u1861.svg"/>
            <div id="u2589_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2590" class="ax_default _形状">
            <img id="u2590_img" class="img " src="images/1_2_1_手机息屏时闹钟响起/u1861.svg"/>
            <div id="u2590_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2591" class="ax_default _形状">
            <img id="u2591_img" class="img " src="images/1_2_1_手机息屏时闹钟响起/u1861.svg"/>
            <div id="u2591_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2592" class="ax_default" data-left="1486" data-top="186" data-width="44" data-height="25">

          <!-- Unnamed (矩形) -->
          <div id="u2593" class="ax_default _形状">
            <div id="u2593_div" class=""></div>
            <div id="u2593_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2594" class="ax_default _形状">
            <div id="u2594_div" class=""></div>
            <div id="u2594_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2595" class="ax_default _形状">
            <div id="u2595_div" class=""></div>
            <div id="u2595_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2596" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2596_div" class=""></div>
        <div id="u2596_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2597" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2597_div" class=""></div>
        <div id="u2597_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2598" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2598_div" class=""></div>
        <div id="u2598_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2599" class="ax_default box_1">
        <img id="u2599_img" class="img " src="images/3_2_1_习惯提醒形式/u2599.svg"/>
        <div id="u2599_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2600" class="ax_default _一级标题">
        <div id="u2600_div" class=""></div>
        <div id="u2600_text" class="text ">
          <p><span>今天“吃水果”了吗？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2601" class="ax_default box_1">
        <img id="u2601_img" class="img " src="images/3_2_1_习惯提醒形式/u2601.svg"/>
        <div id="u2601_text" class="text ">
          <p><span>未完成</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2602" class="ax_default box_1">
        <img id="u2602_img" class="img " src="images/3_2_1_习惯提醒形式/u2602.svg"/>
        <div id="u2602_text" class="text ">
          <p><span>已完成</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2603" class="ax_default _图片_">
        <img id="u2603_img" class="img " src="images/3_2_1_习惯提醒形式/u2603.png"/>
        <div id="u2603_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2604" class="ax_default _一级标题">
        <div id="u2604_div" class=""></div>
        <div id="u2604_text" class="text ">
          <p><span>习惯弹窗提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2605" class="ax_default box_1">
        <img id="u2605_img" class="img " src="images/2_1睡眠报告/u2053.svg"/>
        <div id="u2605_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2606" class="ax_default _三级标题">
        <div id="u2606_div" class=""></div>
        <div id="u2606_text" class="text ">
          <p><span>1.习惯闹钟响起时，</span><span style="color:#000000;">手机若未息屏则会在顶部已浮窗形式显示1.5s，在浮窗显示期间，点击浮窗任意位置切换到【</span><span>习惯弹窗提醒</span><span style="color:#000000;">】页面；1.5s浮窗消失之后，若用户从顶部状态栏向下滑动也会切换到【</span><span>习惯弹窗提醒</span><span style="color:#000000;">】页面 ;手机若已经息屏，再次亮屏时也会切换到【习惯浮窗提醒】页面,点击浮窗任意位置切换到【</span><span>习惯弹窗提醒</span><span style="color:#000000;">】页面。</span></p><p><span style="color:#000000;"><br></span></p><p><span>2.点击“未完成”或者非“提醒弹窗”任意位置切换至用户上次使用的页面，且表示该习惯尚未完成打卡；点击“已完成”任意位置切换至用户上次使用的页面，且表示该习惯尚已完成打卡。</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2607" class="ax_default arrow">
        <img id="u2607_img" class="img " src="images/3_2_1_习惯提醒形式/u2607.svg"/>
        <div id="u2607_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2608" class="ax_default marker">
        <img id="u2608_img" class="img " src="images/1_1_2_5_飞利浦hues灯泡唤醒/u805.svg"/>
        <div id="u2608_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2609" class="ax_default image">
        <img id="u2609_img" class="img " src="images/图例/u71.png"/>
        <div id="u2609_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2610" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2610_div" class=""></div>
        <div id="u2610_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
